<template>
  <div class="tablelist-content">
    <div class="tablelis-header">控件列表</div>
    <div class="tablelist-body">
        <h5 style="margin: 0" @click="nav_form">表单</h5>
        <h5 style="margin: 0" @click="nav_table">表格</h5>
    </div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'tablelist',
  data () {
    return {
      
    }
  },
  methods:{
    nav_form(){
      this.$router.push('/a')
    },
    nav_table(){
      this.$router.push('/sass')
    }
  }
}
</script>

<style scoped>
.tablelist-content{
    
    height: 100%;
}
.tablelist-body{
    text-align: left;
    background-color: #EBEEF5;
}
</style>
